<template>
  <div style="margin-top: 1.5%">
    <div class="sidebar">
      <!-- 跳转到指定模块 -->
      <el-card class="btn-box">
        <el-button
          style="margin-left: 10px"
          @click="goAssignBlock('block'+ 0,50)"
        >跌倒/坠床后生命体征
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 1,0)"
        >跌倒/坠床造成的伤害
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 2,0)"
        >跌倒/坠床其他情况
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 3,0)"
        >事件情况描述
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 4,0)"
        >患者资料
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 5,5)"
        >其他情况
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 6,5)"
        >事件基本信息
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 7,5)"
        >当事人资料
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 8,5)"
        >事件基结果
        </el-button>
        <el-button
          @click="goAssignBlock('block'+ 9,5)"
        >报告者信息
        </el-button>
      </el-card>
    </div>

    <div class="content">

      <!--跌倒/坠床后生命体征-->
      <div style="width: 100%; margin-left: 8%">
        <div class="bname" ref="block0">跌倒/坠床后生命体征</div>
        <!--        <div style="color:red;margin-top: 1%;font-size: 14px">新的、严重的药品ADR应当在15日内报告，其中导致死亡的须立即报告；其他药品ADR应当在30日内报告。</div>-->
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="T(体温)" style="width: 620px">
              <div style="display: flex">
                <el-input v-model="form.badname"></el-input>
                <span style="margin-left:10px; float:right; color: grey; font-weight:bolder;width: 110px">℃(35.0℃~42.0℃)</span>
              </div>
            </el-form-item>
            <el-form-item label="P(脉搏)" style="width: 600px">
              <div style="display: flex">
                <el-input v-model="form.badname"></el-input>
                <span style="margin-left:10px; float:right; color: grey; font-weight:bolder;width: 110px">次/分</span>
              </div>
            </el-form-item>
            <el-form-item label="R(呼吸)" style="width: 600px">
              <div style="display: flex">
                <el-input v-model="form.badname"></el-input>
                <span style="margin-left:10px; float:right; color: grey; font-weight:bolder;width: 110px">次/分</span>
              </div>
            </el-form-item>
            <el-form-item label="BP(血压)" style="width: 900px">
              <div style="display: flex">
                <el-input v-model="form.badname"></el-input>
                <span style="margin-left:10px; float:right; color: grey; font-weight:bolder; width: 800px ">mmHg(请分别输入高低压用“/”隔开/.如 120/90)</span>
              </div>
            </el-form-item>
            <el-form-item label="意识状态">
              <el-radio-group v-model="form.reportcategory">
                <el-radio label="清醒"></el-radio>
                <el-radio label="嗜睡"></el-radio>
                <el-radio label="昏睡"></el-radio>
                <el-radio label="浅昏迷"></el-radio>
                <el-radio label="中昏迷"></el-radio>
                <el-radio label="深昏迷"></el-radio>
                <el-radio label="烦躁"></el-radio>
                <el-radio label="焦虑"></el-radio>
                <el-radio label="其他"></el-radio>
              </el-radio-group>
            </el-form-item>
          </el-form>
        </div>
      </div>
      <!--跌倒/坠床造成的伤害-->
      <div style="width: 100%; margin-top:1%; margin-left: 8%">
        <div class="bname" ref="block1" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">
          跌倒/坠床造成的伤害
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="造成的伤害">
              <el-radio-group v-model="form.reportcategory">
                <el-radio label="无伤害"></el-radio>
                <el-radio label="擦伤"></el-radio>
                <el-radio label="淤血"></el-radio>
                <el-radio label="撕裂伤"></el-radio>
                <el-radio label="骨折"></el-radio>
                <el-radio label="头部损伤"></el-radio>
                <el-radio label="死亡"></el-radio>
                <el-radio label="其他"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="部位" style="width: 600px">
              <el-input v-model="form.patientage"  ></el-input>
            </el-form-item>
            <el-form-item label="面积" style="width: 600px">
              <el-input v-model="form.patientage"></el-input>
            </el-form-item>
          </el-form>

        </div>
      </div>

      <!--跌倒/坠床其他情况-->
      <div style="width: 100%; margin-left: 8%; margin-top:1%">
        <div class="bname" ref="block2" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">跌倒/坠床其他情况
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <div style="color:blue;margin-top: 1%;font-size: 14px">跌倒/坠床时情形：
            </div>
            <el-form-item label="跌倒/坠床时位置" :rules="[{required: true, message: '跌倒/坠床时位置未选择'}]">
              <el-radio-group v-model="form.drugReaction1">
                <el-radio label="床边"></el-radio>
                <el-radio label="病室内"></el-radio>
                <el-radio label="卫生间"></el-radio>
                <el-radio label="楼道"></el-radio>
                <el-radio label="院外"></el-radio>
                <el-radio label="其他"></el-radio>
              </el-radio-group>
            </el-form-item>
            <div v-show="form.drugReaction1== '其他'">
            <el-form-item label="其他" style="width: 600px">
              <el-input  v-model="form.undesc"></el-input>
            </el-form-item>
          </div>
            <el-form-item label="跌倒/坠床前患者活动能力" :rules="[{required: true, message: '跌倒/坠床前患者活动能力未选择'}]">
              <el-radio-group v-model="form.drugReaction">
                <el-radio label="活动自如"></el-radio>
                <el-radio label="卧床不起"></el-radio>
                <el-radio label="需要手杖辅具"></el-radio>
                <el-radio label="需要轮椅辅具"></el-radio>
                <el-radio label="需要助行器辅具"></el-radio>
                <el-radio label="需要假肢辅具"></el-radio>
              </el-radio-group>
            </el-form-item>

            <el-form-item label="治疗情况" :rules="[{required: true, message: '治疗情况未选择'}]">
              <el-checkbox-group v-model="form.reinimf">
                <el-checkbox label="无治疗"></el-checkbox>
                <el-checkbox label="禁食"></el-checkbox>
                <el-checkbox label="输液"></el-checkbox>
                <el-checkbox label="引流管"></el-checkbox>
                <el-checkbox label="灌肠后"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="跌倒/坠床前发生于何项活动过程" :rules="[{required: true, message: '跌倒/坠床前发生于何项活动过程未选择'}]">
              <el-radio-group v-model="form.drugReaction2">
                <el-radio label="躺卧病床"></el-radio>
                <el-radio label="上下病床"></el-radio>
                <el-radio label="坐床旁椅"></el-radio>
                <el-radio label="如厕"></el-radio>
                <el-radio label="沐浴时"></el-radio>
                <el-radio label="站立"></el-radio>
                <el-radio label="行走时"></el-radio>
                <el-radio label="上下平车"></el-radio>
                <el-radio label="坐轮椅"></el-radio>
                <el-radio label="上下诊床"></el-radio>
                <el-radio label="使用电梯时"></el-radio>
                <el-radio label="从事康复活动时"></el-radio>
                <el-radio label="其他"></el-radio>
              </el-radio-group>
            </el-form-item>
            <div v-show="form.drugReaction2== '其他'">
              <el-form-item label="其他" style="width: 600px">
                <el-input  v-model="form.undesc"></el-input>
              </el-form-item>
            </div>
            <div style="color:blue;margin-top: 1%;font-size: 14px">跌倒/坠床危险因素：
            </div>
            <el-form-item label="既往史" >
              <el-select v-model="form.dosageform1" multiple placeholder="请选择" filterable>
                <el-option
                  v-for="item in dosageFormOption1"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="该患者本次住院跌倒/坠床第次" :rules="[{required: true, message: '该患者本次住院跌倒/坠床第次未选择'}]">
              <el-radio-group v-model="form.drugReaction">
                <el-radio label="第1次"></el-radio>
                <el-radio label="第2次"></el-radio>
                <el-radio label="第3次"></el-radio>
                <el-radio label=">3次"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="意识情况" >
              <el-radio-group v-model="form.drugReaction">
                <el-radio label="清楚"></el-radio>
                <el-radio label="意识障碍"></el-radio>
                <el-radio label="定向力障碍"></el-radio>
                <el-radio label="躁动"></el-radio>
                <el-radio label="半昏迷状态"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="骨骼与肌肉" >
              <el-checkbox-group v-model="form.reinimf">
                <el-checkbox label="正常"></el-checkbox>
                <el-checkbox label="关节病变"></el-checkbox>
                <el-checkbox label="四肢无力"></el-checkbox>
                <el-checkbox label="偏瘫"></el-checkbox>
                <el-checkbox label="运动失调"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="使用药物" >
              <el-select v-model="form.dosageform2" placeholder="请选择" filterable>
                <el-option
                  v-for="item in dosageFormOption2"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="睡眠情况">
              <el-radio-group v-model="form.drugReaction">
                <el-radio label="好"></el-radio>
                <el-radio label="间断入睡"></el-radio>
                <el-radio label="失眠"></el-radio>
                <el-radio label="服镇静药"></el-radio>
                <el-radio label="其他"></el-radio>
              </el-radio-group>
            </el-form-item>
            <div v-show="form.drugReaction1== '其他'">
              <el-form-item label="其他" style="width: 600px">
                <el-input  v-model="form.undesc"></el-input>
              </el-form-item>
            </div>
              <el-form-item label="排泄情况">
                <el-radio-group v-model="form.drugReaction">
                  <el-radio label="正常"></el-radio>
                  <el-radio label="腹泻"></el-radio>
                  <el-radio label="尿频"></el-radio>
                  <el-radio label="大小便失禁"></el-radio>
                </el-radio-group>
              </el-form-item>
                <el-form-item label="其他">
                  <el-radio-group v-model="form.drugReaction">
                    <el-radio label="虚弱"></el-radio>
                    <el-radio label="Hb<100g/L"></el-radio>
                    <el-radio label="体位性低血压"></el-radio>
                  </el-radio-group>
                </el-form-item>
                  <el-form-item label="跌倒/坠床前有无跌倒评估" :rules="[{required: true, message: '跌倒/坠床前有无跌倒评估未选择'}]">
                    <el-radio-group v-model="form.drugReaction">
                      <el-radio label="是"></el-radio>
                      <el-radio label="否"></el-radio>
                    </el-radio-group>
                  </el-form-item>
            <div style="color:blue;margin-top: 1%;font-size: 14px">跌倒/坠床环境因素:
            </div>
            <el-form-item label="地面情况" >
              <el-checkbox-group v-model="form.reinimf">
                <el-checkbox label="良好"></el-checkbox>
                <el-checkbox label="湿滑"></el-checkbox>
                <el-checkbox label="不平"></el-checkbox>
                <el-checkbox label="有障碍物"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="衣、鞋穿着" >
              <el-radio-group v-model="form.drugReaction">
                <el-radio label="合适"></el-radio>
                <el-radio label="不适合绊倒"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="室内亮度" >
              <el-radio-group v-model="form.drugReaction">
                <el-radio label="明亮"></el-radio>
                <el-radio label="暗"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="呼叫器使用">
              <el-radio-group v-model="form.drugReaction">
                <el-radio label="手可取用"></el-radio>
                <el-radio label="不能取用"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="伤害程度"  :rules="[{required: true, message: '伤害程度未选择'}]">
              <el-radio-group v-model="form.drugReaction">
                <el-radio label="无伤害（0级）"></el-radio>
                <el-radio label="轻度伤害（1级）"></el-radio>
                <el-radio label="中度伤害（2级）"></el-radio>
                <el-radio label="重度伤害（3级）"></el-radio>
                <el-radio label="死亡"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="跌倒主要原因" :rules="[{required: true, message: '跌倒主要原因未选择'}]">
              <el-checkbox-group v-model="form.reinimf">
                <el-checkbox label="因患者健康状况而造成"></el-checkbox>
                <el-checkbox label="因治疗、药物和（或）麻醉反应而造成"></el-checkbox>
                <el-checkbox label="因环境中危险因子而造成"></el-checkbox>
                <el-checkbox label="因其他因素而造成"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="跌倒/坠床后处置" >
              <el-checkbox-group v-model="form.reinimf">
                <el-checkbox label="无"></el-checkbox>
                <el-checkbox label="涂药"></el-checkbox>
                <el-checkbox label="缝合"></el-checkbox>
                <el-checkbox label="影像学检查"></el-checkbox>、
                <el-checkbox label="打石膏"></el-checkbox>
                <el-checkbox label="牵引"></el-checkbox>
                <el-checkbox label="手术"></el-checkbox>
                <el-checkbox label="其他"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>

          </el-form>

        </div>
      </div>

      <!--事件情况描述-->
      <div style="width: 100%; margin-left: 8%; margin-top:1%">
        <div class="bname" ref="block3" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件情况描述</div>
<!--        <div style="color:blue;margin-top: 1%;font-size: 14px">怀疑药品</div>-->
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="事件描述或事件经过" :rules="[{required: true, message: '事件描述或事件经过不能为空'}]" style="width: 600px">
              <el-input type="textarea" :rows="5" v-model="form.approvalNum" resize="none" ></el-input>
            </el-form-item>
            <el-form-item label="事件发生时是否采取处理措施" :rules="[{required: true, message: '事件发生时是否采取处理措施未选择'}]">
              <el-radio-group v-model="form.medicineType">
                <el-radio label="是"></el-radio>
                <el-radio label="否"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="采取的处理措施" >
              <el-input type="textarea" :rows="5" v-model="form.approvalNum" resize="none" ></el-input>
            </el-form-item>

          </el-form>

        </div>
      </div>

      <!--患者资料-->
      <div style="width: 100%; margin-left: 8%; margin-top:1%">
        <div class="bname" ref="block4" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">患者资料
        </div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="是否涉及患者" :rules="[{required: true, message: '是否涉及患者未选择'}]">
              <el-radio-group v-model="form.badJieguo">
                <el-radio label="是"></el-radio>
                <el-radio label="否"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="诊断类别"  :rules="[{required: true, message: '诊断类别未选择'}]">
              <el-radio-group v-model="form.ynReduce">
                <el-radio label="急诊"></el-radio>
                <el-radio label="门诊"></el-radio>
                <el-radio label="住院"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="病历号/门诊号" style="width: 600px" :rules="[{required: true, message: '病历号/门诊号不能为空'}]">
              <el-input v-model="form.lianxiRen"></el-input>
            </el-form-item>
            <el-form-item label="姓名" style="width: 600px" :rules="[{required: true, message: '姓名不能为空'}]">
              <el-input v-model="form.lianxiRen"></el-input>
            </el-form-item>
            <el-form-item label="性别" :rules="[{required: true, message: '性别未选择'}]">
              <el-radio-group v-model="form.yuanYing">
                <el-radio label="男"></el-radio>
                <el-radio label="女"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="出生日期">
              <el-date-picker
                v-model="form.birdate"
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="年龄" style="width: 600px" >
              <el-input v-model="form.lianxiRen"></el-input>
            </el-form-item>
            <el-form-item label=" ">
            <el-radio-group v-model="form.bgPeoplepjia">
              <el-radio label="岁"></el-radio>
              <el-radio label="月"></el-radio>
              <el-radio label="天"></el-radio>
              <el-radio label="小时"></el-radio>
            </el-radio-group>
            </el-form-item>
            <el-form-item label="年龄阶段">
              <el-select v-model="form.agestage" placeholder="请选择" filterable>
                <el-option
                  v-for="item in ageStageOption"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="家属联系电话" style="width: 600px" >
              <el-input v-model="form.lianxiRen"></el-input>
            </el-form-item>
            <el-form-item label="入院就诊时间" >
              <el-date-picker
                v-model="form.enhappentime"
                type="datetime"
                placeholder="选择日期时间">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="科室">
              <el-select v-model="form.agestage" placeholder="请选择" filterable>
                <el-option
                  v-for="item in ageStageOption1"
                  :key="item.value"
                  :label="item.value"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="床号" style="width: 600px" >
              <el-input v-model="form.lianxiRen"></el-input>
            </el-form-item>
            <el-form-item label="护理级别"  >
            <el-radio-group v-model="form.ynReduce">
              <el-radio label="特级护理"></el-radio>
              <el-radio label="Ⅰ级护理"></el-radio>
              <el-radio label="Ⅱ级护理"></el-radio>
              <el-radio label="Ⅲ级护理"></el-radio>
            </el-radio-group>
            </el-form-item>
            <el-form-item label="文化程度"  >
            <el-radio-group v-model="form.ynReduce">
              <el-radio label="研究生"></el-radio>
              <el-radio label="大学本科"></el-radio>
              <el-radio label="大学专科"></el-radio>
              <el-radio label="中专（中技）"></el-radio>
              <el-radio label="高中"></el-radio>
              <el-radio label="初中"></el-radio>
              <el-radio label="小学"></el-radio>
              <el-radio label="文盲"></el-radio>
            </el-radio-group>
            </el-form-item>
            <el-form-item label="诊断(多个诊断之间用逗号隔开)" style="width: 600px">
              <el-input type="textarea" :rows="5" v-model="form.approvalNum" resize="none" ></el-input>
            </el-form-item>
          </el-form>
        </div>
      </div>

      <!--其他情况-->
      <div style="width: 100%; margin-left: 8%; margin-top:1%">
        <div class="bname" ref="block5" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">其他情况</div>
        <div class="block" style="margin-top: 0.5%;">
          <el-form ref="form" :model="form" label-width="140px">
            <el-form-item label="立即通知">
              <el-checkbox-group v-model="form.jiuImpossible">
                <el-checkbox label="护士长"></el-checkbox>
                <el-checkbox label="主管医生"></el-checkbox>
                <el-checkbox label="值班医生"></el-checkbox>
                <el-checkbox label="上级主管部门"></el-checkbox>
                <el-checkbox label="保卫科"></el-checkbox>
                <el-checkbox label="病人家属及陪护"></el-checkbox>
                <el-checkbox label="其他"></el-checkbox>
                </el-checkbox-group>
            </el-form-item>
            <el-form-item label="病人/家属对该事件反应" >
              <el-radio-group v-model="form.bgPeoplejob">
                <el-radio label="不知情"></el-radio>
                <el-radio label="知情能理解"></el-radio>
                <el-radio label="知情无法理解"></el-radio>
                <el-radio label="知情反应不详"></el-radio>
                <el-radio label="其他"></el-radio>
              </el-radio-group>
            </el-form-item>
          </el-form>
        </div>

      </div>



    <!--事件基本信息-->
    <div style="width: 100%; margin-left: 8%; margin-top:1%">
      <div class="bname" ref="block6" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件基本信息</div>
      <div class="block" style="margin-top: 0.5%;">
        <el-form ref="form" :model="form" label-width="140px">
          <el-form-item label="发生时间">
            <el-date-picker
              v-model="form.enhappentime"
              type="datetime"
              placeholder="选择日期时间">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="发生日期">
            <el-date-picker
              v-model="form.enhappentime"
              type="datetime"
              placeholder="选择日期时间">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="日期类型">
            <el-radio-group v-model="form.medicineType">
              <el-radio label="工作日"></el-radio>
              <el-radio label="周末"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="发生时段">
            <el-radio-group v-model="form.medicineType">
              <el-radio label="上午（08：00-12：00）"></el-radio>
              <el-radio label="中午（12：00-14：00）"></el-radio>
              <el-radio label="下午（14：00-18：00）"></el-radio>
              <el-radio label="上夜（18：00-00：00）"></el-radio>
              <el-radio label="下夜（00：00-08：00）"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="发生地点" style="width: 600px">
            <el-input v-model="form.approvalNum"></el-input>
          </el-form-item>
          <!--上传图片-->
          <el-form-item label="现场照片" prop="images">
            <el-upload
              action=""
              :limit="500"
              list-type="picture-card"
              :on-exceed="handleExceed"
              :before-upload="beforeUpload"
              :on-remove="handleRemove"
              :file-list="fileList1"
            >
              <i class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>
          </el-form-item>
          <!--          <el-form-item label="事件发生时是否采取处理措施" :rules="[{required: true, message: '事件发生时是否采取处理措施未选择'}]">-->
          <!--            <el-radio-group v-model="form.medicineType">-->
          <!--              <el-radio label="是"></el-radio>-->
          <!--              <el-radio label="否"></el-radio>-->
          <!--            </el-radio-group>-->
          <!--          </el-form-item>-->
          <!--          <el-form-item label="采取的处理措施" >-->
          <!--            <el-input type="textarea" :rows="5" v-model="form.approvalNum" resize="none" placeholder="请输入内容"></el-input>-->
          <!--          </el-form-item>-->
        </el-form>
      </div>
    </div>

    <!--当事人资料-->
    <div style="width: 100%; margin-left: 8%; margin-top:1%">
      <div class="bname" ref="block7" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">当事人资料</div>
      <!--        <div style="color:blue;margin-top: 1%;font-size: 14px">怀疑药品</div>-->
      <div class="block" style="margin-top: 0.5%;">
        <el-form ref="form" :model="form" label-width="140px">
          <el-form-item label="姓名" style="width: 600px">
            <el-input  v-model="form.approvalNum" ></el-input>
          </el-form-item>
          <el-form-item label="年龄" style="width: 600px" >
            <el-input  v-model="form.approvalNum" ></el-input>
          </el-form-item>
          <el-form-item label="工作年限" >
            <el-radio-group v-model="form.medicineType">
              <el-radio label="<1年"></el-radio>
              <el-radio label="1≤y≤2"></el-radio>
              <el-radio label="2≤y≤5"></el-radio>
              <el-radio label="5≤y≤10"></el-radio>
              <el-radio label="10≤y≤20"></el-radio>
              <el-radio label="≥20年"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="类别" >
            <el-radio-group v-model="form.medicineType">
              <el-radio label="在编"></el-radio>
              <el-radio label="聘用"></el-radio>
              <el-radio label="进修"></el-radio>
              <el-radio label="实习"></el-radio>
              <el-radio label="轮转"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="学历" >
            <el-radio-group v-model="form.medicineType">
              <el-radio label="中专"></el-radio>
              <el-radio label="大专"></el-radio>
              <el-radio label="本科"></el-radio>
              <el-radio label="硕士"></el-radio>
              <el-radio label="其他"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="职务" >
            <el-radio-group v-model="form.medicineType">
              <el-radio label="医疗"></el-radio>
              <el-radio label="药剂"></el-radio>
              <el-radio label="护理"></el-radio>
              <el-radio label="医技"></el-radio>
              <el-radio label="检验"></el-radio>
              <el-radio label="工程技术"></el-radio>
              <el-radio label="行政管理"></el-radio>
              <el-radio label="后勤保障"></el-radio>
            </el-radio-group>
          </el-form-item>
        </el-form>
      </div>
    </div>

    <!--事件结果-->
    <div style="width: 100%; margin-left: 8%; margin-top:1%">
      <div class="bname" ref="block8" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">事件结果</div>
      <div class="block" style="margin-top: 0.5%;">
        <el-form ref="form" :model="form" label-width="140px">
          <el-form-item label="纠纷或纠纷隐患可能性" :rules="[{required: true, message: '纠纷或纠纷隐患可能性未选择'}]">
            <el-radio-group v-model="form.jiuImpossible">
              <el-radio label="确定有"></el-radio>
              <el-radio label="可能有"></el-radio>
              <el-radio label="无"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="事件严重程度">
            <el-select v-model="form.thingSerious" placeholder="请选择" filterable>
              <el-option
                v-for="item in thingSeriousOption"
                :key="item.value"
                :label="item.value"
                :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="事件分级" style="width: 600px">
            <el-radio-group v-model="form.thingFenji">
              <el-radio label="Ⅰ级事件: 发生错误，造成患者死亡 (包括损害程度I级)" style="margin-top: 10px; margin-bottom: 10px"></el-radio>
              <el-radio label="Ⅱ级事件: 发生错误，且造成患者伤害 (包括损害程度E、F、G、H级)" style="margin-bottom: 10px"></el-radio>
              <el-radio label="Ⅲ级事件: 发生错误，但未造成患者伤害 (包括损害程度B、C、D级)" style="margin-bottom: 10px"></el-radio>
              <el-radio label="Ⅳ级事件: 错误未发生 (错误隐患)(包括损害程度A级)"></el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="伤害严重度">
            <el-radio-group v-model="form.hurtDu">
              <el-radio label="死亡"></el-radio>
              <el-radio label="极度严重"></el-radio>
              <el-radio label="重度"></el-radio>
              <el-radio label="中度"></el-radio>
              <el-radio label="轻度"></el-radio>
              <el-radio label="未造成伤害"></el-radio>
              <el-radio label="无伤害"></el-radio>
            </el-radio-group>
          </el-form-item>
        </el-form>
      </div>

    </div>



<!--  报告者信息-->
  <div style="width: 100%; margin-left: 8%; margin-top:1%">
    <div class="bname" ref="block9" style="border-top: 1px solid rgba(165,169,175,0.29);padding-top:0.5%">报告者信息</div>
    <div class="block" style="margin-top: 0.5%;">
      <el-form ref="form" :model="form" label-width="140px">
        <el-form-item label="事件呈报方式" :rules="[{required: true, message: '事件呈报方式未选择'}]">
          <el-radio-group v-model="form.hurtDu">
            <el-radio label="主动呈报"></el-radio>
            <el-radio label="投诉"></el-radio>
            <el-radio label="他人报告"></el-radio>
            <el-radio label="质量检查发现"></el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="其他信息备注"  style="width: 600px">
          <el-input type="textarea" :rows="5" v-model="form.approvalNum" resize="none" ></el-input>
        </el-form-item>
      <!--上传图片-->
      <el-form-item label="附件图片" prop="images">
        <el-upload
          action=""
          :limit="500"
          list-type="picture-card"
          :on-exceed="handleExceed"
          :before-upload="beforeUpload"
          :on-remove="handleRemove"
          :file-list="fileList2"
        >
          <i class="el-icon-plus avatar-uploader-icon"></i>
        </el-upload>
      </el-form-item>
      </el-form>
    </div>
  </div>

    </div>

  <!--保存按钮-->
  <div style="position: fixed; margin-top: -0.5%; right: 3%; width: 300px">
    <el-button
      type="primary"
      style="margin-left: 15px"
      @click=""
    >保存
    </el-button>
    <el-button
      type="info" plain
      style="margin-left: 15px"
      @click=""
    >返回
    </el-button>
  </div>

</div>

</template>


<script>
import ScrollPane from "@/layout/components/TagsView/ScrollPane";

export default {
  components: {ScrollPane},
  data() {
    return {
      form: {
        name: '',
        reportcategory: '',
        reporttype: '',
        badname: '',
        enhappentime: '',
        enfindtime: '',
        undesc: '',
        diagcategory: '',
        patientname: '',
        patientgender: '',
        birdate: '',
        patientage: '',
        agestage: '',
        ethnicGroup: '',
        weightKg: '',
        telephNum: '',
        preDisease: '',
        medcliNum: '',
        drugReaction: '',
        familReaction: '',
        reinimf: [],
        fileList1:[],
        fileList2:[],
        otherInform: '',
        allergyInstru: '',
        bymedicineType: '',
        byapprovalNum: '',
        byproductName: '',
        bycurrentName: '',
        bydosageform: '',
        bymanuFacturer: '',
        bymanuNum: '',
        bydosage: '',
        byunti: '',
        untiDay: '',
        cGiveyao: '',
        giveWay: '',
        medstaTime: '',
        medstopTime: '',
        medUsereason: '',
        medicineType: '',
        approvalNum: '',
        productName: '',
        currentName: '',
        dosageform1: '',
        dosageform2: '',
        manuFacturer: '',
        manuNum: '',
        dosage: '',
        unti: '',
        byuntiDay: '',
        bycGiveyao: '',
        bygiveWay: '',
        bymedstaTime: '',
        bymedstopTime: '',
        bymedUsereason: '',
        badJieguo: '',
        ynReduce: '',
        againInfact: '',
        yuanYing: '',
        bgPeoplepjia: '',
        firqianName: '',
        bgpeopleNum: '',
        bgPeoplejob: '',
        bgPlacepjia: '',
        secqianName: '',
        workName: '',
        lianxiRen: '',
        dianhuaNum: '',
        bgBei: '',
        jiuImpossible: '',
        thingFenji: '',
        hurtDu: '',
        drugReaction1:'',//跌倒位置
        drugReaction2:'',//何项活动过程
        drugReaction3:'',//睡眠
        drugReaction4:'',
        thingSerious: '',
      },
      ageStageOption: [
        {
          value: '新生儿',
        }, {
          value: '1-6月',
        }
      ],
      ageStageOption1: [ //科室
        {
          value: '信息科',
        }, {
          value: '外科',
        },{
          value: '妇产科',
        }, {
          value: '麻醉科',
        }
      ],
      ethnicGroupOption: [],
      dosageFormOption1: [
        {
          value: '失明',
        }, {
          value: '视力减退',
        }, {
          value: '眩晕',
        }, {
          value: '耳聋',
        }, {
          value: '脑血管病',
        }, {
          value: '帕金森氏病',
        }, {
          value: '癫痫',
        }, {
          value: '精神病',
        },{
          value: '酗酒',
        },{
          value: '老年痴呆',
        },{
          value: '其他',
        },
      ],
      dosageFormOption2:[
        {
          value: '镇静剂',
        }, {
          value: '降压药',
        }, {
          value: '降糖药',
        }, {
          value: '散剂',
        }, {
          value: '抗癫痫药',
        }, {
          value: '利尿剂',
        }, {
          value: '抗心律失常药',
        }, {
          value: '止痛药',
        },{
          value: '抗精神药',
        },{
          value: '其他',
        },
      ],
      untiOption: [
        {
          value: '粒',
        }, {
          value: '袋',
        }],
      giveWayOption: [
        {
          value: '口服',
        }, {
          value: '注射',
        }],
      bydosageFormOption: [
        {
          value: '片剂',
        }, {
          value: '注射剂',
        }],
      byuntiOption: [
        {
          value: '粒',
        }, {
          value: '袋',
        }],
      bygiveWayOption: [
        {
          value: '口服',
        }, {
          value: '注射',
        }],
      thingSeriousOption: [
        {
          value: 'A级:客观环境或条件可能引发不良事件(不良事件隐患)',
        }, {
          value: 'B级:不良事件发生但未累及患者',
        }],
      fileList: []
    }
  },
  // 禁止web端屏幕缩放
  created() {
    window.addEventListener("mousewheel", function (event) {
      if (event.ctrlKey === true || event.metaKey) {
        event.preventDefault();
      }
    }, {passive: false})
  },
  methods: {
    //el 标签  speed 滚动速率 此处是50px 值越大滚动的越快
    goAssignBlock(el, speed) {
      let t = this.$refs[el].offsetTop - 100

      function scrollToTop() {
        let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;

        if (scrollTop > t) {
          window.scrollTo(0, scrollTop - speed);

          // 使用 requestAnimationFrame 进行平滑滚动
          requestId = window.requestAnimationFrame(scrollToTop);
        } else {
          window.scrollTo(0, t);

          // 取消动画帧的请求
          window.cancelAnimationFrame(requestId);
        }
      }

      let requestId = window.requestAnimationFrame(scrollToTop);
    },

    //上传图片
    handleRemove(file) {
      this.fileList = this.fileList.filter(item => item.uid !== file.uid);
    },
    handleExceed() {
      this.msgError("最多只能传500张照片");
    },
    beforeUpload(file) {
      const isJPG = file.type === "image/jpeg" || file.type == "image/png";
      const isLt2M = file.size / 1024 / 1024 < 2;
      if (!isJPG) {
        this.$message.error("上传头像图片只能是 JPG 或 PNG 格式!");
        return;
      }
      if (!isLt2M) {
        this.$message.error("上传头像图片大小不能超过 2MB!");
        return;
      }
      const fileData = new FormData();
      fileData.append("avatar", file);
      //upload为上传的接口
      upload(fileData).then(res => {
        this.imgUrl = res.imgUrl;
        //对返回的图片地址进行回显
        this.$set(this.form, "avatar", this.imgUrl);
      });
      //阻止传到本地浏览器
      return false;
    },

  },

}

</script>

<style lang="scss" scoped>
.sidebar {
  margin-left: 3%;
  width: 10%;
  float: left;
  display: flex;
}

.content {
  margin-left: 3%;
  margin-right: 1.5%;
  width: 87%;
  float: right;
}

.btn-box {
  position: fixed;
  margin-top: 1%;

  ::v-deep .el-card__body {
    padding: 15px 15px 15px 5px;
  }
}

.btn-box button {
  text-align: left;
  padding: 0 0 0 10px;
  display: block;
  width: 150px;
  height: 40px;
  border: none;
  cursor: pointer;
}

.btn-box button:hover {
  background: hsl(221, 98%, 68%);
  color: white;
}

.block {
  border: 1px solid white;
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 5rem;
  box-sizing: border-box;

  .el-form-item {
    margin-bottom: 10px;
  }
}

.bname {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #606266;
}

</style>
